<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core" template="/template.xhtml">
	<ui:define name="css">
		<h:outputStylesheet library="css" name="estilo.css" />
		<style type="text/css">
.ui-selectonemenu-label {
	width: 100% !important;
}

.ui-selectonemenu {
	width: 100% !important;
}
</style>
	</ui:define>
	<ui:define name="title"> Bidman</ui:define>
	<ui:define name="conteudo">
		<h:form id="form" enctype="multipart/form-data" style="margin:auto">
			<p:panel header="Cadastro de Produto/Serviço"
				style="font-size:22px;margin:auto;text-align: center;">
				<h:panelGrid columns="3" style="margin:auto;font-size:12px;">
					<h:outputText value="Descrição: "
						style="font-weight: bold;color:#404040" />
					<p:inputText id="descricao"
						value="#{produtoServicoController.produtoServico.descricao}"
						required="true" />
					<p:message for="descricao" display="text" id="descricaoMessage" />
					<h:outputText value="Tipo: "
						style="font-weight: bold;color:#404040" />
					<p:selectOneMenu id="tipo"
						value="#{produtoServicoController.produtoServico.tipo}"
						required="true" requiredMessage="Selecione Um Tipo">
						<f:selectItem itemLabel="SELECIONE O TIPO" itemValue=""
							itemDisabled="true" />
						<f:selectItem itemLabel="Produto" itemValue="1" />
						<f:selectItem itemLabel="Serviço" itemValue="2" />
					</p:selectOneMenu>
					<p:message for="tipo" display="text" id="tipoMessage" />
					<h:outputText value="Imagem (até 1MB): "
						style="font-weight: bold;color:#404040" />
					<p:fileUpload
						fileUploadListener="#{produtoServicoController.processFileUpload}"
						label="Escolher" cancelLabel="Cancelar" sizeLimit="1048576"
						invalidSizeMessage="Imagem muito grande" mode="advanced"
						invalidFileMessage="Tipo de imagem não suportado." auto="true"
						allowTypes="/(\.|\/)(jpe?g|png)$/" required="true" id="fupload"
						update="@form" />
					<p:message for="fupload" display="text" id="fuploadMessage" />
					<h:outputText value="Visualização: "
						style="font-weight: bold;color:#404040" />
					<p:graphicImage id="imagem_ps"
						rendered="#{produtoServicoController.image != null}"
						value="#{produtoServicoController.image}" width="100" height="200"
						style="margin:auto" />
					<h:outputText value="" />
					<h:outputText value=""
						rendered="#{produtoServicoController.image == null}" />
					<h:outputText value="Descrição da Imagem: "
						style="font-weight: bold;color:#404040" />
					<p:inputText value="#{produtoServicoController.imagem.descricao}"
						required="true" id="imagemDescricao" />
					<p:message for="imagemDescricao" display="text"
						id="imagemDescricaoMessage" />
					<br />
					<p:column colspan="3">
						<p:commandButton value="Salvar" icon="ui-icon-plus"
							action="#{produtoServicoController.salvarProdutoServico()}" />
						<p:commandButton
							action="#{produtoServicoController.cancelarProdutoServico()}"
							value="Cancelar" icon="ui-icon ui-icon-cancel" immediate="true" />
					</p:column>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>


